<template>
	<view class="withdraw-deposit">
		<view class="tabs">
			<uni-segmented-control :current="current" :values="items" @tapItem="onClickItem" styleType="button" activeColor="#1296db"></uni-segmented-control>
		</view>
        <view class="content">
            <view v-show="current === 0">
                 <uni-forms ref="form" :value="formData">
					<uni-forms-item label="可提额度" name="value1">
						<uni-easyinput type="text" v-model="formData.value1" placeholder="00000.00" />
					</uni-forms-item>
					<uni-forms-item label="提额现金" name="email">
						<uni-easyinput type="text" v-model="formData.value2" placeholder="请输入金额" />
					</uni-forms-item>
					<uni-forms-item label="提现密码" name="email">
						<uni-easyinput type="text" v-model="formData.value3" placeholder="请输入二级密码" />
					</uni-forms-item>
				</uni-forms>
				<button @tap="submit">点击申请</button>
            </view>
            <view v-show="current === 1">
                <uni-forms ref="form" :value="formData">
                	<uni-forms-item label="可提额度" name="value1">
                		<uni-easyinput type="text" v-model="formData.value1" placeholder="00000.00" />
                	</uni-forms-item>
                	<uni-forms-item label="提额现金" name="email">
                		<uni-easyinput type="text" v-model="formData.value2" placeholder="请输入金额" />
                	</uni-forms-item>
                	<uni-forms-item label="提现密码" name="email">
                		<uni-easyinput type="text" v-model="formData.value3" placeholder="请输入二级密码" />
                	</uni-forms-item>
                </uni-forms>
                <button @tap="submit">点击申请</button>
            </view>
        </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				current: 0,
				items: ['你的账户提现','你的账户提现'],
				formData: {
					value1: ''
				}
			}
		},
		onLoad() {
	
		},
		onNavigationBarButtonTap(e) {
			uni.navigateTo({
				url:"./withdrawDepositRecord"
			})
		},
		methods: {
			onClickItem(e){
				this.current = e.currentIndex
			},
			submit(){}
		}
	}
</script>
	
<style>
.withdraw-deposit {
	padding: ;
}
.withdraw-deposit .tabs {
	padding: 30rpx;
}
.withdraw-deposit .content {
	padding: 30rpx;
}
.withdraw-deposit .content >>> .uni-easyinput__content {
	border: none;
}
.withdraw-deposit .content >>> .uni-forms-item__inner {
	padding-bottom: 0rpx;
}
.withdraw-deposit .uni-forms-item {
	border-bottom: 1rpx solid rgb(229, 229, 229);
	margin-bottom: 40rpx;
}
.withdraw-deposit button {
	color: #fff;
	font-size: 30rpx;
	background-color: #1296DB;
}
.withdraw-deposit button::after {
	border: none;
}
</style>
